import GuidePage from '../views/GuidePage.vue'
import Home from '../views/Home'

export default [
  {
    path: '/',
    name: 'GuidePage',
    component: Home
  },
  {
    path: '/directive',
    name: 'directive',
    component: () => import('../components/01Directive/Directive.vue')
  },
  {
    path: '/vmodelVuexState',
    name: 'vmodelVuexState',
    component: () => import('../components/02VmodelVuexState/VmodelVuexState.vue')
  },
  {
    path: '/iconfont',
    name: 'iconfont',
    component: () => import('../components/03Iconfont/Iconfont.vue')
  },
  {
    path: '/vuexStateGetters',
    name: 'vuexStateGetters',
    component: () => import('../components/04VuexStateGetters/VuexStateGetters')
  },
  {
    path: '/lifeCycleHookFunc',
    name: 'lifeCycleHookFunc',
    component: () => import('../components/05LifeCycleHookFunc'),
    children: [
      { path: 'child1', component: () => import('../components/05LifeCycleHookFunc/child1.vue') },
      { path: 'child2', component: () => import('../components/05LifeCycleHookFunc/child2.vue') }
    ]
  },
  {
    path: '/vmodel',
    name: 'vmodel',
    component: () => import('../components/06vmodel')
  },
  {
    path: '/test',
    name: 'Test',
    component: () => import('../views/Test.vue')
  },
  {
    path: '*',
    name: '404',
    redirect: '/'
  }
]
